<template>
  <div class="centerLeft1_1">
      <div class="title">
        月度完工用时趋势
          <span class="unit">单位：h</span>
      </div>
      <Echart :id="id" :options="options" :t="t" height="80%" width="100%"></Echart>
  </div>
  </template>
  
  <script>
  import Echart from '@/common/echart'
  export default {
      data() {
          return {
              id: "Right2_3"
          }
      },
      components: {
          Echart,
      },
      props: {
          options: {
              type: Object,
              default: () => ({})
          },
          t: {
              type: String,
              default: '0'
          }
      },
  }
  </script>
  
  <style lang="scss" scoped>
  $box-width: 100%;
  $box-height: 100%;
  
  .centerLeft1_1 {
      height: $box-height;
      width: $box-width;
      background-image: url("../../assets/hqrepair/box-1940.png");
      background-position: center center;
      background-size: 100% 100%;
      background-repeat: no-repeat;
  
      .title {
          font-size: 1.2vw;
          line-height: 2.2vw;
          text-shadow: 2px 1px 0px rgba(0, 31, 61, 0.46);
          text-align: center;
          color: #fff;
          font-family: DingTalk JinBuTi;
          position: relative;
  
          .unit {
              position: absolute;
              right: 0.8vw;
              font-size: 0.8vw;
              color: #00FFF4;
              font-family: Alibaba_255;
          }
      }
  }
  </style>
  